<template>
	<fui-list-cell :arrow="arrow" :bottomBorder="bottomBorder">
		<!-- <fui-label>
			<view class="custom-form__item-cell">
				<view class="slot" v-if="$slots.default">
					<slot></slot>
				</view>
				<text class="label">{{label}}</text>
				<text class="value" @click="onclick">{{value || placeholder}}</text>
			</view>
		</fui-label> -->

		<view class="custom-form__item-cell">
			<view class="slot" v-if="$slots.default">
				<slot></slot>
			</view>
			<text class="label">{{label}}</text>
			<text class="value" @click="onclick">{{value || placeholder}}</text>
		</view>
	</fui-list-cell>
</template>

<script>
	export default {

		props: {
			label: String,
			value: String,
			bottomBorder: {
				type: Boolean,
				default: true
			},
			placeholder: {
				type: String,
				default: '请选择'
			},
			arrow: {
				type: Boolean,
				default: true
			}
		},
		emits: ['click'],
		methods: {
			onclick() {
				this.$emit('click')
			}
		},
	}
</script>

<style lang="scss" scoped>
	.label {
		font-size: 32rpx;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.9);
		flex: 1;
	}

	.slot {
		margin-right: 16rpx;
	}

	.value {
		font-size: 32rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #0052D9;
		text-align: right;
		flex: 1;
	}

	.custom {
		&-form {
			&__item {
				&-cell {
					flex: 1;
					display: flex;

				}
			}
		}
	}
</style>